---
layout: default
---

{% assign assets_base_url = site.url %}
{% if site.cdn.jsdelivr.enabled %}
{% assign assets_base_url = "https://cdn.jsdelivr.net/gh/" | append: site.repository | append: '@master' %}
{% endif %}
<section class="collection-head small mobile-hidden" data-pattern-id="{{ page.title | truncate: 15, ''}}">
  <div class="container">
    <div class="columns">
      <div class="column two-thirds">
        <div class="collection-title">
          <h1 class="collection-header">{{ page.title }}</h1>
          {% if page.subtitle %}
            <div class="collection-info">
              <span class="meta-info">
                {{ page.subtitle}}
              </span>
            </div>
          {% endif %}
        </div>
      </div>
      <div class="column one-third mobile-hidden">
        {% include sidebar-qrcode.html %}
      </div>
    </div>
  </div>
</section>
<!-- / .banner -->
{% if page.categories %}
<section class="container content">
  <div class="columns">
    <div class="column one-third" style="float: right;">
      {% include sidebar-categories-nav.html %}
      {% include sidebar-ad.html %}
    </div>
    <div class="column two-thirds" style="float: right;">
      <article class="article-content markdown-body">
        {{ content }}
      </article>
      <div class="comment">
        {% include comments.html %}
      </div>
    </div>
  </div>
</section>
{% else %}
<section class="container content">
  <div class="columns {{ page.class }}">
    <div class="column one-third" style="float: right;">
      {% include sidebar-categories-cloud.html %}
      {% include sidebar-ad.html %}
      {% if page.repo %}
        {% include popular-repo.html %}
      {% endif %}
    </div>
    <div class="column two-thirds" style="float: right;">
      <article class="article-content markdown-body">
        {{ content }}
      </article>
      <div class="comment">
        {% include comments.html %}
      </div>
    </div>
  </div>
</section>
{% endif %}
<!-- /section.content -->
